<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Title</title>
	<style>
		* {
			padding: 0;
			margin: 0;
		}
		
		#root button,#app button {
			padding: 5px;
			margin: 5px;
		}
		
		#root button.active,#app button.active {
			background: red;
		}
		
		#root div,#app div {
			width: 500px;
			height: 300px;
			border: 1px solid green;
		}
	</style>
</head>
<body>
<div id="root">
	<button>中国</button>
	<button>日本</button>
	<button>韩国</button>
	<div>中国新闻</div>
	<div>日本新闻</div>
	<div>韩国新闻</div>
</div>
<div id="app">
	<button>娱乐</button>
	<button>体育</button>
	<button>财经</button>
	<div>娱乐新闻</div>
	<div>体育新闻</div>
	<div>财经新闻</div>
</div>
</body>
<script src="Tag.js"></script>
<script>
	new Tag({
		index:1,
		el:"#root",
	});
	new Tag({
		index:2,
		el:"#app",
		colorArr:["orange","blue","pink"]
	})
</script>
</html>